@charset "UTF-8";
/**
 * 
 * @authors supmain (mtingfeng@gmail.com)
 * @date    2014-08-13 16:38:28
 * @update  2014-08-13 16:38:28
 * @for webapp.html
 * @version $Id$
 */
.content { width: 1000px; margin: 0px auto; margin-bottom: 30px; margin-top: 30px; }
.content .pro_ser_con { margin: 0px auto; overflow: hidden; margin-bottom: 10px; }
.content .product_title h3 { font-size: 18px; line-height: 30px; color: #000; font-weight: normal; margin-bottom: 10px; }
.content .product_title a.more { float: right; color: #666; font-size: 14px; line-height: 30px; }
.content .product_title a.more:hover { color: #08c; text-decoration: underline; }
.content .product_con { width: 998px; background-color: #fafafa; border: 1px solid #e7e7e7; overflow: hidden; margin: 0px auto; }
.content .product_con ul { margin: 0px auto; overflow: hidden; }
.content .product_con ul li { float: left; overflow: hidden; width: 249px; cursor: pointer; text-align: center; }
.content .product_con ul li .box { height: 248px; width: 100%; padding: 30px 0 0px 0; color: #666; }
.content .product_con ul li .intro { color: #fff; width: 100%; height: 248px; padding: 30px 0 0px 0; }
.content .product_con ul li .intro h2 { font-size: 16px; }
.content .product_con ul li .intro h3 { display: block; width: 200px; margin: 41px auto; word-wrap: break-word; height: 40px; }
.content .product_con ul li .intro p.by { margin-bottom: 15px; font-size: 14px; text-indent: 0; text-align: center; }
.content .product_con ul li .intro p { text-align: left; text-indent: 3.6em; }
.content .product_con ul li p { line-height: 20px; text-indent: 0em; }
.content .product_con ul li .intro a.know_more { color: white; font-size: 14px; border: 1px solid white; border-radius: 3px; width: 138px; height: 34px; line-height: 36px; text-align: center; display: block; margin: 0px auto; margin-top: 10px; }
.content .product_con ul li .intro a.know_more:hover { background: #fff; color: #333; text-decoration: none; }
.content .product_con ul li.sw .intro { background: url(/images/user/saasbg.jpg) repeat-x; }
.content .product_con ul li.qj .intro { background: url(/images/user/paasbg.jpg) repeat-x; }
.content .product_con ul li.jc .intro { background: url(/images/user/iaasbg.jpg) repeat-x; }
.content .product_con ul li.mh .intro { background: url(/images/user/portalbg.jpg) repeat-x; }
.content .product_con ul li.cell_mid .box, .content .product_con ul li.cell_last .box { border-left: 1px dashed #EEE; }
.content .product_con ul li.cell_last { width: 251px; }
.y-h2 { font-size: 16px; color: #333; }
.content .product_con ul li .box p.text { font-size: 14px; padding-bottom: 15px; text-indent: 0; }
.content .product_con ul li .box p.last { padding-top: 0; padding-bottom: 10px; }
a.y-btn { padding: 0; margin: 0; height: 36px; line-height: 36px; width: 140px; border: none; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; background-color: #3eabee; color: white; outline: none; display: inline-block; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
a.y-btn:hover { background-color: #50b3ef; }
.content .product_con ul li span.icon { background: url(/images/user/bsty_icon.png) no-repeat; display: inline-block; width: 64px; height: 64px; margin-bottom: 25px; }
.content .product_con ul li span.email { background-position: 1px 0px; }
.content .product_con ul li span.jstx { background-position: -79px 0px; }
.content .product_con ul li span.weibo { background-position: -166px 0px; }
.content .product_con ul li span.txl { background-position: -253px 0px; }
/* *********************产品服务结束*********************** */
/* 左侧开始 */
.main-l { width: 200px; }
.main-l .list { background-color: #fafafa; border: 1px solid #e7e7e7; padding: 5px 10px; }
.main-l .list ul li { font-size: 14px; font-weight: bold; color: #333; line-height: 40px; }
.main-l .list ul li a { border-bottom: 1px solid #e7e7e7; text-decoration: none; display: block; }
.main-l .list ul li a.last, .main-l .list ul li ul li.last a { border: 0; }
.main-l .list ul li ul li a { padding-left: 10px; font-weight: normal; }
.main-l .online-consultation { background-color: #fafafa; border: 1px solid #e7e7e7; padding: 5px 0px; font-size: 14px; font-weight: bold; position: relative; }
.main-l .online-consultation .lm-icon { background: url(/images/user/bsty_icon.png) -418px -400px no-repeat; position: absolute; left: 0; top: 0; width: 31px; height: 31px; }
.main-l .online-consultation .online { border-bottom: 1px solid #e7e7e7; padding: 10px; line-height: 30px; text-align: center; }
.main-l .online-consultation .online .online-tel { border-bottom: 1px solid #e7e7e7; }
.main-l .online-consultation .online .online-tel span { font-size: 20px; color: #ff6533; font-weight: normal; }
.main-l .online-consultation .online .online-answer span { background-color: #00a2c9; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; height: 24px; padding: 4px 20px; }
.main-l .online-consultation .online .online-answer span i.icon { background-position: -458px -400px; width: 13px; height: 13px; margin: 0 3px 3px 0; }
.main-l .online-consultation .online .online-answer span a, .main-l .online-consultation .online .online-answer span a:hover { color: #fff; text-decoration: none; font-weight: normal; }
.main-l .online-consultation .feedback { border-top: 1px solid #fff; padding: 20px 10px 10px 10px; }
.main-l .online-consultation .feedback span { text-align: center; }
.main-l .online-consultation .feedback .text { width: 175px; height: 24px; line-height\0: 24px; margin: 5px 0; border: 1px solid #e7e7e7; color: #999; text-indent: 5px; }
.main-l .online-consultation .feedback .button { background-color: #00a2c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 100px; height: 35px; margin-top: 15px; text-align: center; text-decoration: none; line-height: 35px; color: #fff; margin-left: 40px; display: block; }
.main-l .dimensional-code { background-color: #fafafa; border: 1px solid #e7e7e7; padding: 10px; font-size: 14px; font-weight: bold; text-align: center; }
.main-l .dimensional-code h2 { font-size: 14px; text-align: center; line-height: 30px; margin-bottom: 10px; }
.main-l .dimensional-code div { font-size: 12px; margin-top: 10px; }
/* 左侧结束 */
.main-r { width: 780px; }
/* ****加盟我们tab切换*** */
.intro_pro { width: 780px; margin-bottom: 20px; overflow: hidden; }
.tab_wrapper2 { width: 780px; margin: 0px auto; margin-bottom: 10px; }
.title_bar2 { margin-bottom: -1px; }
.title_bar2 ul { width: 780px; overflow: hidden; margin-bottom: 0px; background: #f1f1f1; }
.title_bar2 ul.tabs li.sta { float: left; width: 155px; height: 32px; text-align: center; line-height: 32px; border: 1px solid #D3D8DC; border-top: 1px solid #ccc; margin-right: -1px; cursor: pointer; background: #fafafa; }
.title_bar2 ul.tabs li.active { background: #fff; float: left; width: 154px; height: 32px; text-align: center; line-height: 32px; border: 1px solid #b1dae4; border-top: 1px solid #008fb5; margin-right: -1px; cursor: pointer; border-bottom: 1px solid #fff; }
.title_bar2 ul.tabs li a { font-size: 14px; color: #333; }
.tab_container2 { z-index: -1; padding: 20px; line-height: 24px; }
.tab_content table { border-collapse: collapse; border-spacing: 2px; text-decoration: none; display: inline-table; border: 1px solid #E0E0E0; }
.tab_content table td { height: 30px; line-height: 30px; color: #666; border: 1px solid #DEDEDE; white-space: nowrap; }
.tab_content table td strong { font-size: 14px; }
.sq_btn { background-color: #00a2c9; border-radius: 3px; width: 140px; height: 40px; margin-top: 20px; font-size: 14px; line-height: 40px; text-align: center; display: block; }
.sq_btn:link, .sq_btn:visited, .sq_btn:hover, .sq_btn:active { color: #fff; text-decoration: none; }
/* ****加盟我们tab切换结束*** */
.zzfw .box { padding: 20px 0; }
table { border-spacing: 10px; border-collapse: separate; }
.main-r .partner .lm-t { background-color: #f2f2f2; height: 40px; line-height: 40px; font-size: 18px; text-indent: 10px; }
.main-r .partner .box.qddls { padding: 20px 0; }
/* 渠道代理商 */
.main-r .partner .box.qddls { padding: 20px 0; }
.tab_wrappe { width: 780px; margin: 0px auto; margin-bottom: 10px; }
.title_ba { margin-bottom: -1px; }
.title_ba ul { width: 780px; overflow: hidden; margin-bottom: 0px; border-bottom: 1px solid #e7e7e7; }
.title_ba ul.tabs li { margin-right: 10px; }
.title_ba ul.tabs li.sta { background: url(/images/user/activebg.png) left 1px no-repeat; float: left; width: 100px; height: 35px; text-align: center; line-height: 35px; cursor: pointer; }
.title_ba ul.tabs li.active { background: url(/images/user/activehoverbg.png) left 1px no-repeat; float: left; width: 100px; height: 35px; text-align: center; line-height: 35px; cursor: pointer; }
.title_ba ul.tabs li.active a { color: #fff; }
.title_ba ul.tabs li a { font-size: 14px; color: #333; text-decoration: none; }
.tab_containe { z-index: -1; padding: 20px; border: 1px solid #e7e7e7; border-top: 0; }
.tab_content table { border-collapse: collapse; border-spacing: 2px; text-decoration: none; display: inline-table; border: 1px solid #E0E0E0; }
.tab_content table td { height: 30px; line-height: 30px; color: #666; border: 1px solid #DEDEDE; white-space: nowrap; }
.tab_content table td strong { font-size: 14px; }
.main-r .partner .box.qddls .neir-b .tab_content ul li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #e7e7e7; }
.main-r .partner .box.qddls .neir-b .tab_content ul li .img a { width: 158px; height: 78px; border: 1px solid #e7e7e7; display: block; }
.main-r .partner .box.qddls .neir-b .tab_content ul li .company { font-size: 16px; line-height: 78px; }
.main-r .partner .box.qddls .neir-b .tab_content ul li .szdl { font-size: 14px; line-height: 78px; }
/* 渠道代理商结束 */
/*加盟我们页面*/
.main-r .main-r-login{ height:30px; line-height:30px; font-size:14px;}
.main-r .main-r-login form .text{width: 150px;height: 25px;line-height:25px;border: 1px solid #e7e7e7;color: #999;text-indent: 5px;}
.main-r .main-r-login form .fl{ margin:0 5px;}
.main-r .main-r-login .submit{ background:url(/images/user/submit.png) left center no-repeat; width:65px; height:25px; line-height:25px; text-align:center;}
.main-r .main-r-login .submit a{ color:#fff; text-decoration:none;}
.main-r .partner .box.joinus{ padding:20px 0;}
.main-r .partner .box.joinus ul li{ float:left; width:230px; height:178px; margin:0 15px 10px 15px}
.main-r .partner .box.joinus ul li .pic{ background-color:#fff; width:222px; height:142px; padding:3px; border:1px solid #e7e7e7; display:block;}
.main-r .partner .box.joinus ul li pic:hover{ border:1px solid #00a2ca;}
.main-r .partner .box.joinus ul li h2 { text-align:center; font-size:14px; line-height:24px; font-weight:normal; margin-top:4px;}
.main-r .partner .box .neir-t h2{ font-size:16px; font-weight:normal; text-align:center; line-height:40px;}
.main-r .partner .box .neir-t .nr{ font-size:14px; line-height:24px; color:#666;}

.main-r .partner .box .neir-t .pic{ width:200px; height:100px; text-align:center; vertical-align:middle; border:1px solid #e7e7e7;}
.main-r .partner .box .neir-t .neir{ width:558px;}
.main-r .partner .box .neir-t .companyname .chinese{ font-size:18px; color:#008fb5; line-height:24px;}
.main-r .partner .box .neir-t .companyname .english{ font-size:12px; line-height:24px;}
.main-r .partner .box .neir-t .btn{ margin-top:10px;}
.main-r .partner .box .neir-t .btn .btnb{ background:url(/images/user/btn.png) no-repeat; text-align:center; line-height:30px; color:#fff; text-decoration:none; display:block;}
.main-r .partner .box .neir-t .btn .sendbtn{ width:190px; height:30px; background-position:left top;}
.main-r .partner .box .neir-t .btn .ckbtn{ width:110px; height:30px; background-position:-205px top;}
/*加盟我们页面结束*/
/*设置电话显示隐藏*/
.hd{display: none;}
.btn{position: relative;}
.btn .tel{position: absolute;left: 330px;top: 0;width: 136px;height: 48px;overflow: hidden;}